$(function() {
    $("#link_login").on("click", function() {
        $(".reg_box").show();
        $(".login_box").hide();
    });
    $("#link_reg").on("click", function() {
        $(".reg_box").hide();
        $(".login_box").show();
    });
    // 注册密码框判断
    var form = layui.form;
    var layer = layui.layer;
    form.verify({
        pwd: [/^[\S]{6,12}$/, "密码必须6到12位，且不能出现空格"],
        // value 是表单的值  item是表单的DOM元素
        repwd: function(value) {
            // 获取密码框的值
            var pwd = $("#form_reg [name=password]").val();
            if (pwd !== value) {
                return "两次密码不一致";
            }
        },
    });
    // 给注册表单一个提交事件
    $("#form_reg").on("submit", function(e) {
        // 阻止默认行为
        e.preventDefault();
        // 获取表单内的值
        var username = $("#form_reg [name=username]").val();
        var password = $("#form_reg [name=password]").val();
        // 发起Ajax请求
        $.ajax({
            method: "post",
            url: "/api/reguser",
            data: {
                username,
                password,
            },
            success: function(res) {
                if (res.status != 0) {
                    return layer.msg(res.message, { icon: 5 });
                }
                layer.msg(res.message, { icon: 1 });
                $("#link_reg").click();
            },
        });
    });
    // 登录
    $("#form_login").on("submit", function(e) {
        e.preventDefault();
        var data = $(this).serialize();
        $.ajax({
            method: "post",
            url: "/api/login",
            data: data,
            success: function(res) {
                if (res.status != 0) {
                    return layer.msg(res.message, { icon: 5 });
                }
                layer.msg(res.message, { icon: 1, time: 1000 }, function() {
                    localStorage.setItem("token", res.token);
                    location.href = "./index.html";
                });
            },
        });
    });
});